
.header{
	position: relative;
	margin-bottom: -1.4em;
	.navbar-toggle{
		padding: 14px 12px;
		border-color: #fff;
		.icon-bar{
			background-color: #fff;
		}
	}
	nav{
		background: transparent;
		border: 0;
		height: 77px;
		color: #fff;
		.collapse{
			text-align: center;
			float: right;
			.active a{
				color:#fff;
				background: #C0C0C0;
			}
			.active a:hover{
				color:#EC971F;
			}
			a{
				background-color: transparent;
				line-height: 77px;
				padding: 0px 0.7em;
				font-family: '楷体';
				font-weight: bold;
				font-size: 1.5em;
				color: white;
			}
			a:hover{
				background: #C0C0C0;
				color:#EC971F;
			}
		}
	}	
}
@media screen and (max-width:768px){
	.header{
		nav{
			.collapse{
				a{
					line-height: 50px;
				}
			}
		}
	}
}
@media screen and (max-width:600px){
	.header{
		nav{
			.collapse{
				a{
					line-height: 40px;
				}
			}
		}
	}
}
@media screen and (max-width:520px){
	.header{
		nav{
			.collapse{
				a{
					font-size: 1.1em;
					line-height: 32px;
				}
			}
		}
	}
}
@media screen and (max-width:400px){
	.header{
		nav{
			.collapse{
				a{
					font-size: 1em;
					line-height: 25px;
				}
			}
		}
	}
}